---
type: tutorial
title: 축하해요!
description: >-
  튜토리얼: 첫 번째 Astro 블로그 구축 — 프로젝트의 최종 버전을 확인하고 Astro의 다음 단계가 무엇인지 알아보세요!
i18nReady: true
---
import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';
import CompletionConfetti from '~/components/tutorial/CompletionConfetti.astro';
import PreCheck from '~/components/tutorial/PreCheck.astro';
import Button from '~/components/Button.astro';

import { CardGrid, LinkCard } from '@astrojs/starlight/components';

한 가지 더 수정해야 할 사항이 있습니다.

```astro title="src/pages/about.astro" del={15} ins={16}
---
import BaseLayout from "../layouts/BaseLayout.astro";
const pageTitle = "About Me";

const identity = {
  firstName: "Sarah",
  country: "Canada",
  occupation: "Technical Writer",
  hobbies: ["photography", "birdwatching", "baseball"],
};

const skills = ["HTML", "CSS", "JavaScript", "React", "Astro", "Writing Docs"];

const happy = true;
const finished = false;
const finished = true;
const goal = 3;

const skillColor = "crimson";
const fontWeight = "bold";
const textCase = "uppercase";
---
```

Astro의 기본에 대해 조금 배우고 그 과정에서 즐거운 시간을 보내셨기를 바랍니다!

이 튜토리얼의 프로젝트 코드는 [GitHub](https://github.com/withastro/blog-tutorial-demo/tree/complete)에서 찾을 수 있으며, [IDX](https://idx.google.com/import?url=https:%2F%2Fgithub.com%2Fwithastro%2Fblog-tutorial-demo%2F) 또는 [StackBlitz](https://stackblitz.com/github/withastro/blog-tutorial-demo/tree/complete?file=src/pages/index.astro)와 같은 온라인 코드 환경에서 작동하는 버전을 열 수 있습니다.

안내서와 참조에 대한 문서를 확인하고, Discord를 방문하여 질문하고, 도움을 받거나, 그냥 어울리세요!

우주에 오신 것을 환영합니다, 우주비행사님. 👩🏼‍🚀👨🏿‍🚀🧑‍🚀👩🏾‍🚀

<Box icon="check-list">

## 체크리스트

<Checklist>
- [ ] 다음 Astro 프로젝트를 빨리 시작하고 싶어요! 🚀
</Checklist>
</Box>

<CompletionConfetti />

## 당신의 성과를 공유해보세요!

Astro 블로그 튜토리얼을 완료하신 것을 축하드립니다! 당신의 성과를 전 세계와 공유하고 이제 당신이 우주비행사라는 사실을 모두에게 알리세요!

<div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
  <Button link='https://twitter.com/intent/tweet?text=Just%20finished%20learning%20how%20to%20build%20my%20first%20Astro%20blog!%20Check%20it%20out%20at%20https://docs.astro.build/%0Avia%20%40astrodotbuild'>Twitter에 공유</Button>
  <Button link='https://www.reddit.com/submit?url=https://docs.astro.build/&title=Just%20finished%20learning%20how%20to%20build%20my%20first%20Astro%20blog!'>Reddit에 공유</Button>
  <Button link='https://bsky.app/intent/compose?text=Just%20finished%20learning%20how%20to%20build%20my%20first%20Astro%20blog!%20Check%20it%20out%20at%20https://docs.astro.build/%0Avia%20%40astro.build'>Bluesky에 공유</Button>
</div>

## 다음 단계

튜토리얼 확장 중 하나를 사용하여 이 프로젝트의 최종 코드를 향상시키거나 다음 Astro 프로젝트를 시작할 수 있습니다!
<CardGrid>
  <LinkCard
    title="새 Astro 프로젝트 시작"
    description="새로운 빈 프로젝트를 시작하거나 기존 Astro 테마 템플릿을 사용하세요."
    href="/ko/install-and-setup/"
  />
  <LinkCard
    title="Discord에 참여"
    description="커뮤니티를 통해 질문하고, 작업을 공유하고, 프로젝트에 참여하세요!"
    href="https://astro.build/chat"
  />
</CardGrid>
